/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*
Ext.onReady(function(){

    Ext.QuickTips.init();

    // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';

    //	var bd = Ext.getBody();

*/

    /*
     * ================  Form 5  =======================
     
    bd.createChild({tag: 'h2', html: 'Form 5 - ... and forms can contain TabPanel(s)'});
*/

    var materialFases = new Ext.ux.form.FileUploadField({
        width: 400
    });
    var materialActividades = new Ext.ux.form.FileUploadField({
        width: 400
    });
    var materialArtefactos = new Ext.ux.form.FileUploadField({
        width: 400
    });
    
    var metodologia = new Ext.data.SimpleStore({
    fields: ['id', 'metodologia'],
    data : [['1','XP'],['2','RUP']]
    });
//Curso esta informacion es deacuerdo a el profeso solo se le mostraran los curso que le pertencen a dicho profesor
    var curso = new Ext.data.SimpleStore({
    fields: ['id', 'curso'],
    data : [['1','curso1'],['2','cruso2']]
    });


    var formConfiguracionCurso = new Ext.FormPanel({
        labelAlign: 'top',
        title: 'Configurar Metodologia del Curso',
        bodyStyle:'padding:5px',
        width: 500,
	height:700,
        items: [{
            layout:'column',
            border:false,
            items:[{
                columnWidth:.5,
                layout: 'form',
                border:false,
                items: [{
                    xtype: 'combo',
                    name: 'metodologia_combo',
                    fieldLabel: 'Metodologia',
                    mode: 'local',
                    store: metodologia,
                    displayField:'metodologia',
                    width: 120
	              },
		    {
                    xtype: 'combo',
                    name: 'curso_combo',
                    fieldLabel: 'Curso',
                    mode: 'local',
                    store: curso,
                    displayField:'curso',
                    width: 120
	              }

		      ]
            }]
	  }
      ,{
            xtype:'tabpanel',
            plain:true,
            activeTab: 0,
            height:450,
            defaults:{bodyStyle:'padding:10px'},
            items:[{
                title:'Fases',
                layout:'form',
                defaults: {width: 450},
                defaultType: 'textfield',
                items: [
consultaGridFases
//Grilla de fases
]
            },{
                title:'Actividades',
                layout:'form',
                defaults: {width: 450},
                defaultType: 'textfield',
                items: [
consultaGridArtefacto
//Grilla de actividades		
		]
            },{
                title:'Artefactos',
                layout:'form',
                defaults: {width: 450},
                defaultType: 'textfield',
                items: [
consultaGridActividad
//Grilla de Artefactos		    
	   ]
            }
],
        buttons: [{
            text: 'Agregar'
        },{
            text: 'Actualizar'
        },{
            text: 'Eliminar'
        }]
        }]
//,


    });

//Formulario para la actualizacion y para agregar una nueva fase, actividad o artefacto que se requiera
//LOS STORES SON INFORMACION QUE TRAE DE LA BASE DE DATOS

  //esto debe traerse de la base de datos  

    var fase = new Ext.data.SimpleStore({
    fields: ['fas_idfase', 'fas_nombrefase'],
    data : [['1','Fase1'],['2','Fase2']]
    });
    var actividad = new Ext.data.SimpleStore({
    fields: ['act_idactividad', 'act_nombreactividad'],
    data : [['1','act1'],['2','act2']]
    });

    var artefacto = new Ext.data.SimpleStore({
    fields: ['fas_idfase', 'fas_nombrefase'],
    data : [['1','Fase1'],['2','Fase2']]
    });



    var formCongifuracionMetodologiaCurso = new Ext.FormPanel({
        labelAlign: 'top',
        title: 'Registar Metodologia',
        bodyStyle:'padding:5px',
        width: 500,
	height:700,
        items: [{
            layout:'column',
            border:false,
            items:[{
                columnWidth:.5,
                layout: 'form',
                border:false,
            }]
	  }
      ,{
            xtype:'tabpanel',
            plain:true,
            activeTab: 0,
            height:550,
            defaults:{bodyStyle:'padding:10px'},
            items:[{
                title:'Fases',
                layout:'form',
                defaults: {width: 230},
                items: [{
                    xtype: 'combo',
                    name: 'fase_combo',
                    fieldLabel: 'Fase',
                    mode: 'local',
                    store: fase,
                    displayField:'fas_nombrefase',
                    width: 230
	              },     materialFases                   
                ,{
            		    xtype:'htmleditor',
            		    id:'descFase',
            		    fieldLabel:'Descripcion de Fase',
            		    height:250,
            		    anchor:'98%'
                }]
            },{
                title:'Actividades',
                layout:'form',
                defaults: {width: 230},
                items: [ {
                    xtype: 'combo',
                    name: 'actividad_combo',
                    fieldLabel: 'Actividad',
                    mode: 'local',
                    store: actividad,
                    displayField:'act_nombreactividad',
                    width: 230
	              },  
		                materialActividades                   
                ,{
          		    xtype:'htmleditor',
          		    id:'descActividad',
          		    fieldLabel:'Descripcion de Actividad',
          		    height:250,
          		    anchor:'98%'
                }]
            },{
                title:'Artefactos',
                layout:'form',
                defaults: {width: 230},
                items: [{
                    xtype: 'combo',
                    name: 'artefacto_combo',
                    fieldLabel: 'Artefacto',
                    mode: 'local',
                    store: artefacto,
                    displayField:'art_nombreartefactoe',
                    width: 230
	              },   materialArtefactos                  
                ,{
          		    xtype:'htmleditor',
          		    id:'descArtefactos',
          		    fieldLabel:'Descripcion de Artefactos',
          		    height:250,
          		    anchor:'98%'
                }]
            }],
        buttons: [{
            text: 'Agregar'
        },{
            text: 'Guardar'
        },{
            text: 'Cancelar'
        }]
        }]
//,


    });

/*
    formConfiguracionCurso.render(document.body);
});
*/